【CSS】border-left-style - 境界線（左）のスタイル

CSSのborder-left-styleプロパティについて解説します。

検証環境

CSS

macOS

14.1

border-left-style

border-left-styleは“境界線（左）のスタイル”のプロパティです。

border-left-style: 値;

代表的な値は次の通りです。

sample.html

<style>
p {
    ___ih_hl_start
    border-left-style: solid;
    ___ih_hl_end
}
</style>
 
<p>CSS : Cascading Style Sheets</p>

プレビュー

sample.html

<style>
p {
    ___ih_hl_start
    border-left-style: dashed;
    ___ih_hl_end
}
</style>
 
<p>CSS : Cascading Style Sheets</p>

プレビュー

sample.html

<style>
p {
    ___ih_hl_start
    border-left-style: double;
    ___ih_hl_end
}
</style>
 
<p>CSS : Cascading Style Sheets</p>

プレビュー